
body{
    font-family:'Microsoft YaHei';
}
button{border: none;}
html, body {
    height: 100%;
}

.bgcolor {
    width: 100%;
    height: 100%;
    background: #ee9ca7;
    background: -webkit-linear-gradient(top left, #ee9ca7 0%, #ee9ca7 100%);
    background: linear-gradient(to bottom right, #ee9ca7 0%, #ee9ca7 100%);
    opacity: 0.9;
}

/*红包*/
.red{width: 60%; height:60vw; margin:0 auto; position: relative; }
.red img{width: 56%; background-position: center; background-repeat: no-repeat; top: 70%; left: 22%; position: absolute; border-top-left-radius:10px; border-top-right-radius:10px;}
.red>button{position: absolute; top: 95%; left: 40%; font-size:5vw; width: 20%; height: 20%; border-radius: 100%; background: #fdc339; color: #fff;}
.red-jg{display: none; position:absolute; top: 32%; left:0; width:100%; text-align: center; }
.red-jg>h1{font-size: 8vw; color: #ffc000; line-height: 350px;}
.red-jg>h2{color: #fff;}


/*按钮*/
.t-btn{padding: 10px;}
.t-btn>button{width: 100%; background: #ff4242; border-radius: 5px; color: #fff; line-height: 40px; font-size: 14px;}
